<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=3,minimum-scale=1,maximum-scale=1,user-scalable=no">

		<title>ablog-about</title>

		<link href="static/img/favicon.ico" rel="icon" type="image/x-icon">
		<link href="static/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
		<link href="static/img/favicon.ico" rel="bookmark" type="image/x-icon">
		<link href="static/css/app.css" rel="stylesheet" type="text/css">
		<link href="static/css/about.css" rel="stylesheet" type="text/css">
		<!-- ajax -->
		<script src="static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/jquery.session.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/util.js" type="text/javascript" charset="utf-8"></script>
		<!-- layui -->
		<link href="static/layui/css/layui.css" rel="stylesheet" type="text/css">
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	
	<body style="position: static; overflow: visible;">
		<div class="app" id="list" v-cloak>
			<div class="left-container">
				<div class="left-layout-container pc">
					<div class="user-info">
						<img :src="systemobj.headimg" @click="jump('about.html')">
						<div class="login-name">{{systemobj.name}}</div>
						<div>{{systemobj.context}}</div>
					</div>
					<ul class="other-site">
						<li><a :href="systemobj.csdn" target="_blank"><img src="static/img/csdn.png"></a></li>
						<li><a :href="systemobj.git" target="_blank"><img src="static/img/git.png"></a></li>
					</ul>
					<ul class="left-menu">
						<li class="" @click="jump('index.html')">个人博客</li>
						<li class="router-link-exact-active router-link-active selected-menu" @click="jump('about.html')">About Me</li>
					</ul>
					<div class="qq-group">
						<span>打&nbsp;赏&nbsp;扫&nbsp;码</span>
						<img :src="systemobj.qrcode">
					</div>
					<div class="copyright">{{systemobj.copyright}}</div>
				</div>
			</div>

			<div class="about-me bga-back-top main-container">
				<article class="markdown-body">
					<h1 id="wo-shen-me-dou-mei-you-liu-xia-">About Me</h1>
					<div id="">
						<h3>社交网络</h3>
						<p>QQ：{{systemobj.qq}}</p>
						<p>Phone：{{systemobj.phone}}</p>
						<p>Email：{{systemobj.email}}</p>
						<p>CSDN：<a :href="systemobj.csdn" target="_blank">{{systemobj.csdn}}</a></p>
						<p>GIT：<a :href="systemobj.git" target="_blank">{{systemobj.git}}</a></p>
					</div>
					<div id="">
						<h3>博客选型</h3>
						<p>●核心框架: Spring、Spring Boot</p>
						<p>●视图框架: Spring MVC</p>
						<p>●服务端验证: Hibernate Validator</p>
						<p>●持久层框架: Mybatis</p>
						<p>●数据库连接池: Alibaba Druid</p>
						<p>●日志管理: Log4j</p>
						<p>●工具类: Jackson、PageHelper、Hutool</p>
						<p>●前端技术: vue.js、bootstrap、layui</p>
					</div>
				</article>
			</div>
		</div>
		
		<div id="live2d-widget">
		    <canvas id="live2dcanvas"></canvas>
		</div>
		 
		<script type="text/javascript" src="live2dw/lib/L2Dwidget.min.js"></script>
		<script  type="text/javascript">
		    var modelNames = ['haruto', 'koharu'];
		    var name = modelNames[1];
		 
		    L2Dwidget.init({
		        pluginRootPath: "live2dw/",//资源root路径
		        pluginJsPath: "lib/",//js相对root的路径
		        pluginModelPath: name + "",//模型相对root的路径
		        tagMode: !1,
		        debug: !1,
		        model: {
		            scale: 2,
		            jsonPath: "live2dw/" + name + "/" + name + ".model.json"
		        },
		        display: {//大小位置什么的自己慢慢调就是了
		            position: "right",//定位
		            width: 108,//实际宽度X2
		            height: 180,//实际宽度X2
		            hOffset: 80,//right
		            vOffset: 20//bottom
		        },
		        mobile: {
		            show: 1 // 是否在手机显示
		        },
		        log: !1
		    });
		    // !1 - false , 1 - true
		</script>
		
		<script type="text/javascript">
			var vm = new Vue({
				el: '#list',
				data: {
					systemobj: {}, //系统信息
				},
				methods: {
					loadSystem() { //加载系统信息
						var _this = this;
						axios({
							method: 'get',
							url: getRootURL() + 'system/query',
							params: {
								id: "system"
							},
							headers: {
								'Content-Type': 'application/x-www-form-urlencoded'
							}
						}).then(function(res) {
							console.log(res);
		
							if (res.data.status >= 0) {
								_this.systemobj = res.data.object
							} else {
								alert(res.data.msg);
							}
		
						}).catch(function(err) {
							alert(err);
						});
					},
					jump(url,id) { //页面跳转
						if(id!==null&&id!==''){
							$.session.set("id", id);
						}
						$(location).attr('href', url);
					},
					back(){
						window.history.go(-1);//返回上一层 可能需要保存上页状态
					},
					onSubmit() {
						//防止form冒泡
						return false;
					}
				},
				created() {
					var _this = this;
					_this.loadSystem(); //初始化系统信息
				},
				mounted() {
		
				}
			})
		</script>
	</body>
</html>
